window.onload = function() {


    /* 板块三 : 横幅 : 轮播图+侧边栏商品 */
    //主轮播图
    $("#bannerInner").tyslide({
        boxh: 500, //盒子的高度
        w: 1920, //盒子的宽度
        h: 500, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: false, //是否显示左右按钮
        controltop: 40, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 45, //控制按钮宽度
        controlsH: 4, //控制按钮高度
        radius: 0, //控制按钮圆角度数
        controlsColor: "#fff", //普通控制按钮的颜色
        controlsCurrentColor: "#ed1c24", //当前控制按钮的颜色
        isShowNum: false //是否显示数字
    });

    /*板块四 : 主体部分 : 主题顶部 + 各种产品 */
    // 明星产品
    $('#star_product .caption span').eq(0).click(function() {
        if (parseInt($(star_product_list).css('left')) == 0) {
            $(star_product_list).animate({
                left: '-1140'
            }, 500)
        }
    })
    $('#star_product .caption span').eq(1).click(function() {
        if (parseInt($(star_product_list).css('left')) == -1140) {
            $(star_product_list).animate({
                left: '0'
            }, 500)
        }
    })



    /* 锚点链接和回到顶部 */
    $('#anchor a').click(function() {
        $('html,body').animate({
            // 给锚点a标签添加滑动效果
            scrollTop: $($(this).attr('href')).offset().top
        }, 500);
        return false;
    })

    $('#returnTop').click(function() {
        $('html, body').animate({
            scrollTop: 0
        }, 600);
        return false;
    })
    $(window).scroll(function() {
        if ($('html, body').prop('scrollTop') > 600) {
            $('#returnTop').css('display', 'block');
            $('#anchor').fadeIn();
        } else {
            $('#returnTop').css('display', 'none');
            $('#anchor').fadeOut();
        }
    })

    /*回到顶部 */
    //js实现
    //功能一：滚动条滚动到指定高度，返回顶部按钮显示/隐藏
    /* let returnTop = document.querySelector('#returnTop');
    window.addEventListener('scroll', function() {
        let sTop = document.documentElement.scrollTop || document.body.scrollTop;
        if (sTop > 600) {
            returnTop.style.display = 'block';
        } else {
            returnTop.style.display = 'none';
        }
    }); */
    //功能二：点击返回顶部按钮，慢慢返回顶部
    /*  returnTop.addEventListener('click', function() {
         let timeId = setInterval(function() {
             let sTop = document.documentElement.scrollTop || document.body.scrollTop;
             document.documentElement.scrollTop -= 50;
             document.body.scrollTop -= 50;
             if (sTop <= 0) {
                 clearInterval(timeId);
             }
         }, 10);
     }); */



    /* 板块二 : 头部:logo+nav+search */
    // jq实现吸顶效果
    //必须要写在外面,否则每次滚动会重新获得#header_menu距离顶部的距离
    let hearderTop = $('#header_menu').offset().top;
    //$(window).scroll()的值和$('html,body').prop('scrollTop')/$('html,body').scroll()的值一样
    //执行两次的原因,刷新页面发生了抖动
    function ceiling() {
        if ($('html,body').prop('scrollTop') > hearderTop) {
            $('#header_menu').css({
                position: 'fixed',
                top: 0,
                left: '50%',
                marginLeft: -570
            })
        } else {
            $('#header_menu').css({
                position: 'relative'
            })
        }
    }
    ceiling();
    $(window).scroll(ceiling);






}